<template>
    <div class="money_info full bgfff">
      <header id="head" class="fff">
        <div id="bar"></div>
        <ul class="flex-col">
          <li class="head-l">
            <i>XX</i>
          </li>
          <li class="box1 head-c">余额明细</li>
          <li class="head-r flex-col flex-middle"></li>
        </ul>
      </header>
      <main>
        <ul class="cut_it cfff font-14 flex-col">
          <li class="box1">
            <div class="position-r item">
              <div class="position-a full box-center">订单收入</div>
            </div>
          </li>
          <li class="box1">
            <div class="position-r item">
              <div class="position-a full active box-center">提现明细</div>
            </div>
          </li>
        </ul>
        <ul class="money_list">
          <li>
            <div class="flex-col font-14">
              <div class="box1">提现成功</div>
              <div class="cred">-30.0</div>
            </div>
            <div class="flex-col c82 font-12">
              <div class="box1">下单时间： 2017-12-1 10:12:30</div>
              <div>余额：30.0</div>
            </div>
          </li>
          <li>
            <div class="flex-col font-14">
              <div class="box1">提现成功</div>
              <div class="cred">-30.0</div>
            </div>
            <div class="flex-col c82 font-12">
              <div class="box1">下单时间： 2017-12-1 10:12:30</div>
              <div>余额：30.0</div>
            </div>
          </li>
          <li>
            <div class="flex-col font-14">
              <div class="box1">提现成功</div>
              <div class="cred">-30.0</div>
            </div>
            <div class="flex-col c82 font-12">
              <div class="box1">下单时间： 2017-12-1 10:12:30</div>
              <div>余额：30.0</div>
            </div>
          </li>

        </ul>
      </main>
    </div>
</template>

<script>
    export default {
        name: ""
    }
</script>

<style scoped lang="scss">
  @import '../../css/rem.scss';
  .money_info{
    .full{
      top: 0;
      left: 0;
    }
    .cut_it{
      padding:p2r(8px) p2r(14px) p2r(20px);
      border-bottom: p2r(8px) solid #eef7fe;
      li{
        padding:0 p2r(26px);
        .item{
          padding-bottom: 64%;
          div{
            border-radius: p2r(5px);
            background: #9d9d9d;
            &.active{
              background: #3871fe;
            }
          }
        }
      }
    }
    .money_list{
      li{
        padding: p2r(20px) p2r(15px);
        border-bottom: 1px solid #eee;
        div:first-child{
          padding-bottom: p2r(5px);
        }
      }
    }
  }
</style>
